import "./index.scss";
import NavLeft from "../../../../components/navLeft";
function SwapList() {
  const paddingStyle = { paddingLeft: ".16rem", paddingRight: ".16rem" };
  return (
    <>
      <div className="page-box swap-list-page">
        <NavLeft centerName={"记录"} paddingStyle={paddingStyle}></NavLeft>

        <div className="list-box">
          <div className="item-header-box">
            <div className="box-item">时间</div>
            <div className="box-item box-item-center">交易对</div>
            <div className="box-item box-item-right">状态</div>
          </div>
          <div className="box-info-item">
            <div className="box-item">04/25/2025 18:25:56</div>
            <div className="box-item box-item-center">
              用 1500 VAULT兑换 150.5
            </div>
            <div className="box-item box-item-right">已完成</div>
          </div>

          <div className="box-info-item">
            <div className="box-item">04/25/2025 18:25:56</div>
            <div className="box-item box-item-center">
              用 1500 VAULT兑换 150.5
            </div>
            <div className="box-item box-item-right">已完成</div>
          </div>

          <div className="box-info-item">
            <div className="box-item">04/25/2025 18:25:56</div>
            <div className="box-item box-item-center">
              用 1500 VAULT兑换 150.5
            </div>
            <div className="box-item box-item-right">已完成</div>
          </div>
        </div>
      </div>
    </>
  );
}
export default SwapList;
